<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		
		<title>html5Vn.net - HTML5 progress</title>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>

<form action="#" method="get" autocomplete="on">
Tên: <input type="text" name="fname"  required /><br />
Họ: <input type="text" name="lname"  required /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>


<section class="loginform cf">  
<form name="login" action="index_submit" method="get" accept-charset="utf-8">  
    <ul>  
        <li><label for="usermail">Email</label>  
        <input type="email" name="usermail" placeholder="yourname@email.com" required></li>  
        <li><label for="password">Password</label>  
        <input type="password" name="password" placeholder="password" required></li>  
        <li>  
        <input type="submit" value="Login"></li>  
    </ul>  
</form>  
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="vw">VW</option>
<option value="audi">Audi</option>
</optgroup>
</select>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ol reversed="reversed">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<script type="text/javascript">
document.write("HTML5VN.NET Xin chào các bạn!")
</script>
<noscript>Trình duyệt của bạn không hỗ trợ JavaScript!</noscript>

    <menu>
        <li>Html</li>
        <li>Xhtml</li>
        <li>Css</li>
    </menu>
    
 <img src="http://www.w3schools.com/html5/planets.gif" width="145″ height="126″ alt="Planets" usemap="#planetmap" />
 <map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="http://www.w3schools.com/html5/sun.htm" alt="Sun" />

<area shape="circle" coords="90,58,3"  href="http://www.w3schools.com/html5/mercur.htm" alt="Mercury" />

<area shape="circle" coords="124,58,8"  href="http://www.w3schools.com/html5/venus.htm" alt="Venus" />

</map>


<p>Danh sách theo thứ tự</p>
<ol>
<li>HTML5VN.NET</li>
<li>Fullvn.com</li>
<li>DevelopVN.com</li>
<li>VinaHD.com.com</li>
</ol>

<p>Danh sách không theo thứ tự</p>

<ul>
<li>HTML5VN.NET</li>
<li>Fullvn.com</li>
<li>DevelopVN.com</li>
<li>VinaHD.com.com</li>
</ul>



<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg>

<video width="320" height="240" controls="controls" autoplay="autoplay">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
Your browser does not support the video tag.
</video>


</section>  
</body>
</html>

